<div class="p-3 relative col-md-12">
  <div class="container-content-boxed b-l p-3 bg-white">
    <div class="mb-3 pb-2 bg-light lt">
      <div class="row mb-2">
        <div class="col-sm-6"><h1 class="m-0 mb-2">INVOICE</h1>
          <div class="h3 m-0 mb-3px">00455/2015</div>
          <p class="text-muted m-0"> 06 June 2015 </p></div>
        <div class="col-sm-6 text-right"><h1 class="m-0 mb-2">Your company</h1>
          <p class="text-muted m-0"> The company studio </p>
          <p class="text-muted m-0"> 6/Fifht Avenue 35535 New Dork City </p>
          <p class="text-muted m-0"> CA 94043, United States </p></div>
      </div>
      <div class="row mb-2">
        <div class="col-sm-6"><h2 class="m-0 mb-2">The client</h2>
          <p class="text-muted m-0"> The company studio </p>
          <p class="text-muted m-0"> 6/Fifht Avenue 35535 New Dork City </p>
          <p class="text-muted m-0"> CA 94043, United States </p></div>
        <div class="col-sm-6">
          <div class="bg-dark p-2">
            <div class="mb-3">TOTAL</div>
            <div class="text-right"><span class="m-0 h1 text-white">$12,5667</span><span class="m-0 h1 font-thin"> USD</span></div>
          </div>
        </div>
      </div>
    </div>
    <div class="mt-3">
      <table class="table table-vertical-middle bt-no">
        <thead>
        <tr>
          <th class="bt-no">Description</th>
          <th class="text-center bt-no">Rate</th>
          <th class="text-center bt-no">Hours</th>
          <th class="text-right bt-no">Total</th>
        </tr>
        </thead>
        <tbody>
        <tr>
          <td class="py-3"><h5 class="m-0 mb-5">Web design</h5>
            <p class="text-muted m-0">Lorem ipsum dolor sit amet lorem ipsum idsfds</p></td>
          <td class="py-3 text-center"><p class="m-0">$70.00</p></td>
          <td class="py-3 text-center"><p class="m-0">50</p></td>
          <td class="py-3 text-right"><p class="m-0">$4,500.00</p></td>
        </tr>
        <tr>
          <td class="py-3"><h5 class="m-0 mb-5">Awesome product</h5>
            <p class="text-muted m-0">Lorem ipsum dolor sit amet lore</p></td>
          <td class="py-3 text-center"><p class="m-0">$10.00</p></td>
          <td class="py-3 text-center"><p class="m-0">10</p></td>
          <td class="py-3 text-right"><p class="m-0">$1,500.00</p></td>
        </tr>
        <tr>
          <td class="py-3"><h5 class="m-0 mb-5">Cool thing</h5>
            <p class="text-muted m-0">Lorem ipsum dolor sit amet lore</p></td>
          <td class="py-3 text-center"><p class="m-0">$1.00</p></td>
          <td class="py-3 text-center"><p class="m-0">100</p></td>
          <td class="py-3 text-right"><p class="m-0">$100.00</p></td>
        </tr>
        </tbody>
      </table>
    </div>
    <div class="mt-3">
      <div class="row bg-light m-0">
        <div class="col-sm-3 p-0">
          <div class="p-2">
            <div class="text-muted">SUBTOTAL</div>
            <h4 class="m-0">$10,5667</h4></div>
        </div>
        <div class="col-sm-3 p-0">
          <div class="p-2">
            <div class="text-muted">TAXES/FEES</div>
            <h4 class="m-0">$2000,0</h4></div>
        </div>
        <div class="col-sm-6 text-right p-0">
          <div class="bg-dark p-2 d-inline-block pl-3">
            <div>TOTAL</div>
            <div class="text-right"><span class="m-0 h3 text-white">$12,5667</span><span class="m-0 h3 font-thin"> USD</span></div>
          </div>
        </div>
      </div>
      <p class="m-0 my-3 text-muted font-xs"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
        laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
        deserunt mollit anim id est laborum </p>
      <div class="bt-l pt-4"><span class="h4 m-0 d-inline-block mr-2">YOUR COMPANY</span> <span class="d-inline-block mr-2">+55 543 3242 333</span> <span class="d-inline-block mr-2">support@yourcompany.com</span></div>
    </div>
  </div>
</div>
